<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link type="text/css" href="css/public.css" rel="stylesheet">
    <link type="text/css" href="css/icon.css" rel="stylesheet">
    <link type="text/css" href="css/index.css" rel="stylesheet">
    <script type="text/javascript">
        document.documentElement.style.fontSize = document.documentElement.clientWidth /768*100 + 'px';
    </script>
    <script src="js/echarts.min.js"></script>
</head>
<body>
<div class="bg">
<div class="leftMain_middle_left">
    <div class="leftMain">
    <div class="leftMain_middle_leftIn">
        <h3>这里是标题</h3>
        <div class="biaoge" style="width:50%; height:25vh" id="chartmain_zhe"></div>
        <script type="text/javascript">
            //window.onload = function (){
            //指定图表的配置项和数据

            option = {
                title: {
                    text: '0000'
                },
                tooltip: {
                    trigger: 'axis'
                },
                legend: {
                    textStyle: {
                        color: '#fff',
                        fontSize: 12,
                    },
                    right:'10%',
                    data: ['折线一', '折线二']
                },
                grid:{
                    x:40,
                    y:40,
                    x2:20,
                    y2:20,
                },
                toolbox: {
                    feature: {
                        //saveAsImage: {}
                    }
                },
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    axisLabel: {
                        /*inside: true,*/
                        interval:0,
                        textStyle: {
                            color: '#fff',
                            fontSize: 12

                        }
                    },
                    axisTick: {
                        show: false,
                    },
                    axisLine: {
                        show: true,
                        symbol:['none', 'arrow'],
                        symbolOffset: 12,
                        lineStyle:{
                            color: '#fff',
                        }
                    },
                    data: ['00:00', '02:00', '04:00', '06:00', '08:00', '10:00', '12:00']
                },
                yAxis: {
                    type: 'value',

                    axisLine: {
                        show: true,
                        symbol: ['none', 'arrow'],
                        symbolOffset: 12,
                        lineStyle:{
                            color: '#fff',
                        }
                    },
                    axisTick: {
                        show: false
                    },
                    axisLabel: {
                        textStyle: {
                            color: '#fff',
                            fontSize: 12
                        }
                    }
                },
                series: [
                    {
                        name: '折线一',
                        type: 'line',
                        stack: '总量',
                        data: [280, 102, 191, 134, 390, 230, 210],
                        itemStyle: {
                            normal: {
                                color: "#0efdff",//折线点的颜色
                                lineStyle: {
                                    color: "#0efdff",//折线的颜色
                                    width:2,
                                }
                            },
                        }
                    },
                    {
                        name: '折线二',
                        type: 'line',
                        stack: '总量',
                        data: [100, 132, 131, 234, 290, 330, 110]
                    },
                ]
            };
            //获取dom容器
            var myChart = echarts.init(document.getElementById('chartmain_zhe'));
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            //};
        </script>
        <span class="border_bg_leftTop"></span>
        <span class="border_bg_rightTop"></span>
        <span class="border_bg_leftBottom"></span>
        <span class="border_bg_rightBottom"></span>
    </div>
</div></div>
</div>
</body>
</html>